<template>
  <div>
    <input type="text" v-model="msg">
    <!-- 
    v-html以代码的形式输出 相当于innerHTML 
    v-text以文本的形式输出 相当于innerText
    -->
    <div v-html="msg"></div>
    <div v-text="msg"></div>
    <!-- v-once只渲染一次 被定义的元素只渲染一次，后面的数据不会跟着数据的变化而变化 -->
    静态只执行一次：<div v-html="msg" v-once></div>
  </div>
</template>

<script>
export default{
  data(){
    return{
      msg:"<h2>我是h标签</h2>"
    }
  },
  methods:{

  }
}
</script>

<style lang="scss">
</style>